/******************************/
/***         layout         ***/

HTML {
	POSITION: absolute;
	HEIGHT: 100%;
	padding: 0;
	MARGIN: 0;
	WIDTH: 100%;
}

* html body {
  height:100%;
}

body {
  position: relative;
  margin: 0 40px;
}

#title {
  position: absolute;
  left: 0;
  top: 20px; 
  height: 40px;
  width: 100%;
}

#title h1 {
  line-height: 40px;
  margin: 0;
  padding: 0 20px;
}

#menu{
  position: absolute;
  left: 0px;
  top: 80px;
  height: 440px;
  width: 190px;
}

#menu p{
	margin:0;
	padding-top:8px;
	padding-left:8px;
}

#menu LABEL{
	margin: 8px 9px 4px 8px;
}
#menu INPUT{
	margin: 0 0 0px 8px;
	display: inline;
}
#menu #btn{
	margin: 0;
	display: inline;
}

#stream{
	padding-top: 80px;
	margin-left: 210px;
	min-width:640px;
}

#content{
   overflow: hidden;
	position: relative;
	width: 100%;
   zoom:1;
}

#tablecontent{
  padding:16px;
 margin:0;
}

#formcontent{
  padding:16px;
 margin:0;
} 

#formcontent P{
  padding:0;
  margin:0;
}

#formcontent INPUT,
#formcontent TEXTAREA,
#formcontent SELECT{
	margin-top:4px;
	margin-bottom: 8px;
}

#formcontent SELECT{
width:120px;
}

#main{
  float:left; 
  width:100%;
  margin: 10px;
  margin-right:-250px;
}

* html #main {
margin: 5px;
margin-right:-250px;
}

#main P{
   margin:0;
	MARGIN-RIGHT: 250px;
	padding: 0;
}

#main INPUT,
#main TEXTAREA{
	margin-top:4px;
	margin-bottom: 8px;
}

#main OL LI P{
	margin-right:70px;
}

#fields{
  float:right; 
  width:230px;
  margin:0.5em 0;
}

#fields SELECT{
width:100px;
}

#fields P{
	margin: 0 8px 0 8px;
}

#field P{
	margin: 8px 8px 0 8px;	
}

#field P SELECT,
#field P SAMP{
	margin-left:32px;
}
#field P LABEL{
  float:left; width:30%;
}

#field P SELECT{
	display: inline;
	vertical-align: middle;

}

#state UL LI SELECT{
	margin-left:32px;
}

#field,
#state,
#tag{
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.win{
	border: 1px solid Navy;
	background: white;
}

#main TEXTAREA,
#main INPUT {
	WIDTH: 99%
}

#login INPUT{
	WIDTH: 150px
}

#login p,
#logout p{
   margin: 16px;
}

#current_state {
	padding: 5px 0;
	text-align: center;
	border-style: solid;
	border-width: 0 0 1px 0;
	margin: 0 8px 0 8px;
}

#state UL{
  padding: 5px;
  margin: 0;
}


H2{
	padding: 2px 0 2px 8px;
	margin: 0;
}

H3{
	padding: 0 0 0 16px;
	margin: 0;
}


H5{
margin:32px;
}

OL LI{
	margin-right:270px;
	margin-top: 16px;
}

#prjselect UL{
	margin: 16px 16px 16px 32px;
}

#prjselect UL LI{
	margin:4px;
}

.Center {
  Width:25em;
  Margin:120px Auto;
}

* HTML .Center {
  Position:Relative; Top:120px;
  Margin-Top:0;
}

.history H5{
	margin: 0;
	margin-top: 4px;
	margin-bottom: 4px;
}

.history H5 SMALL{
   margin-right:250px;
}


/******************************/
/***         colors         ***/
BODY{
	  BACKGROUND: #ddd;
	    COLOR: black;
}

#title{
	background: Navy;
	color: White;
}

#menu{
	background: white;
}

#content{
	background: white;
}
/*
#main{
	background: #ADFF2F; 
}


#fields{
	
}
*/

#field,
#state,
#tag{
	background: #EBEBEB;
	border: 1px solid #B7B7DD;
}


#login p{
   color: red;
}

#main OL LI P{
	background: #F7F7F7;
}


H2{
	background: Navy;
	color:white;
}

H3{
	background: #B7B7DD;/*A0A4D4;*/
}

LI{
	list-style: none;
}

OL LI{
	border-top: 1px dashed;
}

.formerrors,
.errorlist{
	padding: 0;
	margin: 0;
	color: red;
	list-style: none;
}

/******************************/
/***         fonts          ***/


BODY{
	  FONT: 9pt Tahoma, Arial;
}

SAMP {
  font-family:Tahoma, Arial;
  font-weight:bold;
}

#current_state {
  font-size:9pt; font-weight:bold;
  text-transform:uppercase;
}

#main LABEL{
	font-weight: bold;
}

.history H5{
	font-size: 9pt;
	font-weight: bold;
}

.history H5 SMALL{
	font-size: 8pt;
	font-weight: normal;
}


H2{
	font-size: 110%;
}

H3{
	font-size: 100%;
}

H4{
	font-size: 100%;
	font-weight: bold;
}

H5{
	font-size: 100%;
	font-weight: bold;
}



A {
	FONT-SIZE: 100%; COLOR: #00016e; TEXT-DECORATION: none
}
A:visited {
	COLOR: #00016e; TEXT-DECORATION: none
}
A:hover {
	COLOR: #0063ff; TEXT-DECORATION: underline
}
A:active {
	COLOR: #606080; TEXT-DECORATION: none
}

